<!DOCTYPE html>
<html>
<head>
	<title>Mua nhà online</title>

	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="description" Contents="MuaNhaOnline - Giá trị thực trong tầm tay">
	
	<link rel="stylesheet" type="text/css" href="../../Contents/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="../../Contents/css/Shared/_Layout.css">
	<link rel="stylesheet" type="text/css" href="../../Contents/css/SanPham/ChiTietSanPham.css">
</head>
<body>	
	<!-- #start header -->
	<header class="container-fluid navbar-fixed-top">
		<!-- #start logo -->
		<section class="logo">
			<h1>
				<a href="../../index.html">
					<img src="../../Contents/image/logo/logo.png" />
				</a>
				<i>MuaNhaOnline.vn</i>
			</h1>
		</section>
		<!-- #end logo -->
		<!-- #start menu -->
		<section class="nav-menu">
			<input class="toggle-button visible-xs visible-sm" data-toggle-target=".nav-menu-collapse" type="button" />
			<ul class="hidden-xs hidden-sm custom-hidden-1010">
				<li>
					<a href="index.html">
						BĐS BÁN
					</a>
				</li>
				<li>
					<a href="index.html">
						BĐS CHO THUÊ
					</a>
				</li>
				<li>
					<a href="../DuAn/index.html">
						DỰ ÁN
					</a>
				</li>
				<li>
					<a href="../TinTuc/index.html">
						TIN TỨC
					</a>
				</li>
				<li>
					<a href="../DoanhNghiep/index.html">
						DOANH NGHIỆP
					</a>
				</li>				
				<li>
					<a href="#">
						LIÊN HỆ
					</a>
				</li>
				<li>
					<a href="../DangTin/index.html">
						(Demo) Đăng tin
					</a>
				</li>
			</ul>
		</section>
		<!-- #end menu -->
		<!-- #start sign -->
		<section class="nav-right custom-hidden-0 custom-visible-1200">
			<ul>
				<li>
					<a class="log show-next" data-focus="#email" href="#">
						Đăng nhập
					</a>
				</li>
				<li>
					<a class="register show-next" data-focus="#ten-dang-nhap" href="#">
						Đăng ký
					</a>
				</li>
			</ul>
		</section>
		<!-- #end sign -->
		<!-- #start link -->
		<section class="nav-link custom-hidden-0 custom-visible-400">
			<ul>
				<li>
					<a class='nha-dat-ban' href="#"></a>
				</li>
				<li>
					<a class='nha-dat-thue' href="#"></a>					
				</li>
				<li>
					<a class='dinh-gia' href="#"></a>					
				</li>
			</ul>
		</section>
		<!-- #end link -->
		<!-- #start menu-collapse -->
		<section class="nav-menu-collapse visible-xs visible-sm">
			<ul>
				<li class="custom-visible-0 custom-hidden-590">
					<a href="#">
						Đăng nhập
					</a>
				</li>
				<li class="custom-visible-0 custom-hidden-590">
					<a href="#">
						Đăng ký
					</a>
				</li>
				<li>
					<a href="index.html">
						BĐS BÁN
					</a>
				</li>
				<li>
					<a href="index.html">
						BĐS CHO THUÊ
					</a>
				</li>
				<li>
					<a href="../DuAn/index.html">
						DỰ ÁN
					</a>
				</li>
				<li>
					<a href="../TinTuc/index.html">
						TIN TỨC
					</a>
				</li>
				<li>
					<a href="../DoanhNghiep/index.html">
						DOANH NGHIỆP
					</a>
				</li>				
				<li>
					<a href="#">
						LIÊN HỆ
					</a>
				</li>
				<li>
					<a href="../DangTin/index.html">
						(Demo) Đăng tin
					</a>
				</li>
			</ul>
		</section>
		<!-- #end menu-collapse -->
	</header>
	<div class="header-block"></div>	
	<!-- #end header -->
	<!-- #start main frame -->
	<section class="container-fluid">
	<div class="row">
		<section class="col-md-9 main-frame">
			<nav class="navigator">
				<ul>
					<li>
						<a href="../../index.html">Trang chủ</a>
					</li>
					<li>
						<a href="index.html">Bất động sản</a>
					</li>
					<li>
						<a href="ChiTietSanPham.html">#RE017778</a>
					</li>					
				</ul>
			</nav>
			<main>
				<!-- #start general infos -->
				<section class="block-box highlight">
					<section class="block-title" data-after="Thời gian đăng: 6/10/2014">
						<span>Nhà phố Quận 7</span>
					</section>
					<section class="block-content general-infos row">
						<section class="image">							
							<a href="#" class="favorite-button"></a>
							<img src="../../Contents/image/product/BDS05.jpg">
						</section>						
						<section class="infos">
							<ul class="image-infos">
								<li class="item">
									<img src="../../Contents/image/product/BDS01.jpg">
								</li>
								<li class="item">
									<img src="../../Contents/image/product/BDS02.jpg">
								</li>
								<li class="item">
									<img src="../../Contents/image/product/BDS03.jpg">
								</li>
								<li class="item">
									<img src="../../Contents/image/product/BDS04.jpg">
								</li>
							</ul>
							<ul class="text-infos">
								<li>
									<span class="title">Mã tin:</span>
									<span class="value" style="
									    border: 1px solid #286090;
									    border-radius: 4px;
									    padding: 3px 6px;
									    background-color: #286090;
									    color: white;
									">#RE01778</span>
								</li>	
								<li>
									<span class="title">Loại:</span>
									<span class="value">Nhà phố</span>
								</li>
								<li>
									<span class="title">Diện tích:</span>
									<span class="value">200m<sup>2</sup></span>
								</li>
								<li>
									<span class="title">Địa chỉ:</span>
									<span class="value">Số 30, đường Trần Quốc Việt, quận 9, TP.HCM</span>
								</li>
							</ul> 
						</section>
						<section class="cost">
							<div>
								<section class="money">
									$ 2.1 tỷ
								</section>
								<section class="currency">
									VNĐ
								</section>
							</div>
						</section>
					</section>
				</section>
				<!-- #end general infos -->
				<!-- #start share box -->
				<section class="share-box">
					<span class="description">Chia sẻ trên:</span>
					<a href="#" class="button"><img src="../../Contents/image/logo/facebook.png" /></a>
					<a href="#" class="button"><img src="../../Contents/image/logo/google.png" /></a>
					<a href="#" class="button"><img src="../../Contents/image/logo/youtube.png" /></a>
					<a href="#" class="button"><img src="../../Contents/image/logo/twitter.png" /></a>
				</section>
				<!-- #end share box -->
				<!-- #start detail infos -->
				<section class="block-box">
					<section class="block-title">
						Nội dung
					</section>
					<section class="block-content content-detail-infos">
						<h2 class="title">
							Cần tiền bán gấp...
						</h2>
						<p>
							Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
						</p>
					</section>
				</section>
				<section class="block-box">
					<section class="block-title">
						Thông tin chi tiết
					</section>
					<section class="block-content content-detail-infos">
						<ul class="row infos-list">
							<li class="item col-xs-6 col-sm-4 circle">
								<span>Diện tích xây dựng: <b>200m<sup>2</sup></b></span>
							</li>
							<li class="item col-xs-6 col-sm-4 circle">
								<span>Diện tích xây dựng: <b>200m<sup>2</sup></b></span>
							</li>
							<li class="item col-xs-6 col-sm-4 circle">
								<span>Diện tích xây dựng: <b>200m<sup>2</sup></b></span>
							</li>
							<li class="item col-xs-6 col-sm-4 circle">
								<span>Diện tích xây dựng: <b>200m<sup>2</sup></b></span>
							</li>
							<li class="item col-xs-6 col-sm-4 circle">
								<span>Diện tích xây dựng: <b>200m<sup>2</sup></b></span>
							</li>
						</ul>
					</section>
				</section>
				<section class="block-box">
					<section class="block-title">
						Tiện ích khu vực
					</section>
					<section class="block-content content-detail-infos">
						<ul class="row infos-list">
							<li class="item col-xs-6 col-sm-4">
								<span>Gần trung tâm mua sắm</span>
							</li>
							<li class="item col-xs-6 col-sm-4">
								<span>Gần bệnh viện</span>
							</li>
							<li class="item col-xs-6 col-sm-4">
								<span>Gần chợ</span>
							</li>
							<li class="item col-xs-6 col-sm-4">
								<span>Gần siêu thị</span>
							</li>							
						</ul>
					</section>
				</section>
				<section class="block-box">
					<section class="block-title">
						Tiện nghi
					</section>
					<section class="block-content content-detail-infos">
						<ul class="row infos-list">
							<li class="item col-xs-6 col-sm-4">
								<span>Máy nước nóng</span>
							</li>
							<li class="item col-xs-6 col-sm-4">
								<span>Quầy rượu</span>
							</li>
							<li class="item col-xs-6 col-sm-4">
								<span>Hồ bơi</span>
							</li>
							<li class="item col-xs-6 col-sm-4">
								<span>Sân vườn</span>
							</li>		
							<li class="item col-xs-6 col-sm-4">
								<span>Cây xanh</span>
							</li>						
						</ul>
					</section>
				</section>
				<section class="block-box">
					<section class="block-title">
						Vị trí trên bản đồ
					</section>
					<section class="block-content map-infos">
						<img class="img-responsive" src="../../Contents/image/product/icon_Bando.png">
					</section>
				</section>
				<section class="block-box">
					<section class="block-title">
						Bất động sản liên quan
					</section>
					<section class="block-content">
						<article class="relative-filter">
							<span>Xem theo</span>
							<ul class="dropdown-search">
								<li>Nhà phố</li>
								<li>Dưới 500 triệu</li>
							</ul>
						</article>
						<!-- #start relative-product-list -->
						<ul class="relative-products-list row">
							<!-- #start product item -->
							<li class="col-md-4 col-sm-6 col-xs-12">
								<section class="product-item">
									<a class="favorite-button"></a>
									<a class="top-section" href="ChiTietSanPham.html">
										<h1 class="title">
											Nhà phố quận 9
										</h1>
										<section class="picture">
											<img src="../../Contents/image/product/BDS01.jpg">
										</section>
										<section class="property">
											<section class="bedroom">4</section>
											<section class="bathroom">5</section>
											<section class="area">100 m<sup>2</sup></section>
										</section>										
									</a>
									<section class="bottom-section">
										<span>$ 2 tỷ</span>
										<div class="button">
											<a href="#" class="muathuebds-button"></a>
											<a href="#" class="share-button"></a>
											<a href="#">Định giá</a>
										</div>	
									</section>
								</section>
							</li>
							<!-- #end product item -->
							<!-- #start product item -->
							<li class="col-md-4 col-sm-6 col-xs-12">
								<section class="product-item">
									<a class="favorite-button"></a>
									<a class="top-section" href="ChiTietSanPham.html">
										<h1 class="title">
											Nhà phố quận 9
										</h1>
										<section class="picture">
											<img src="../../Contents/image/product/BDS01.jpg">
										</section>
										<section class="property">
											<section class="bedroom">4</section>
											<section class="bathroom">5</section>
											<section class="area">100 m<sup>2</sup></section>
										</section>									
									</a>
									<section class="bottom-section">
										<span>$ 2 tỷ</span>
										<div class="button">
											<a href="#" class="muathuebds-button"></a>
											<a href="#" class="share-button"></a>
											<a href="#">Định giá</a>
										</div>	
									</section>
								</section>
							</li>
							<!-- #end product item -->
							<!-- #start product item -->
							<li class="col-md-4 col-sm-6 col-xs-12">
								<section class="product-item">
									<a class="favorite-button"></a>
									<a class="top-section" href="ChiTietSanPham.html">
										<h1 class="title">
											Nhà phố quận 9
										</h1>
										<section class="picture">
											<img src="../../Contents/image/product/BDS01.jpg">
										</section>
										<section class="property">
											<section class="bedroom">4</section>
											<section class="bathroom">5</section>
											<section class="area">100 m<sup>2</sup></section>
										</section>										
									</a>
									<section class="bottom-section">
										<span>$ 2 tỷ</span>
										<div class="button">
											<a href="#" class="muathuebds-button"></a>
											<a href="#" class="share-button"></a>
											<a href="#">Định giá</a>
										</div>	
									</section>
								</section>
							</li>
							<!-- #end product item -->			
						</ul>
						<!-- #end relative-product-list -->
						<!-- #start pagination -->
						<section class="pagination-block">
							<ul class="pagination">
							    <li>
							    	<a href="#" aria-label="Previous">
							        	<span aria-hidden="true">&laquo;</span>
							      	</a>
							    </li>
							    <li><a href="#">1</a></li>
							    <li><a href="#">2</a></li>
							    <li><a href="#">3</a></li>
							    <li><a href="#">4</a></li>
							    <li><a href="#">5</a></li>
							    <li>
							    	<a href="#" aria-label="Next">
							        	<span aria-hidden="true">&raquo;</span>
							      	</a>
							    </li>
						  	</ul>
						</section>
						<!-- #end pagination -->
					</section>
				</section>
				<!-- #end detail infos -->
			</main>
		</section>
		<aside class="col-md-3 main-aside">
			<article class="block-box highlight">
				<section class="block-title">
					<span>Thông tin người đăng</span>
				</section>
				<section class="block-content poster">
					<article class="left">
						<div class="picture">
							<img src="../../Contents/image/product/avatar.JPG">
						</div>
						<span>Mrs.Chi</span>
					</article>
					<article class="right">
						<ul>
							<li>								
								<span><img src="../../Contents/image/icon/icon_phone.png">01682197651</span>
							</li>
							<li>								
								<span class="ellipsis"><img src="../../Contents/image/icon/icon_mail.png">muanhaonline@yahoo.comasdasd</span>
							</li>
							<li>								
								<span><img src="../../Contents/image/icon/icon_skype.png">Penguinblue.chip</span>
							</li>
							<li>								
								<span><img src="../../Contents/image/icon/icon_contact.png">53 Cô Giang, Phường Cầu Ông Lãnh, Quận 1</span>
							</li>
							<li>
								<button class="btn btn-primary btn-xs">Nhắn tin</button>
								<button class="btn btn-primary btn-xs">Xem tất cả BĐS</button>
							</li>
						</ul>
					</article>
				</section>
			</article>
			<article class="block-box hidden-xs">
				<section class="block-title">
					<span>Tìm kiếm</span>
				</section>
				<section class="block-content">
					<form>
						<article class="input-box">
							<input name="TuKhoa" class="form-control" placeholder="Nhập từ khoá ...">
						</article>
						<article class="link">
							<img src="../../Contents/image/link/search-plus.png">
						</article>					
						<article class="input-box">
							<select name="ThanhPho" class="form-control">
								<option>Chọn thành phố</option>
								<option>TPHCM</option>
								<option>Hà Nội</option>
							</select>
							<select name="QuanHuyen" class="form-control">
								<option>Chọn quận/huyện</option>
								<option>Quận 1</option>
								<option>Quận 2</option>
							</select>	
							<select name="DuAn" class="form-control">
								<option>Chọn dự án</option>
								<option>Dự án đã hoàn thành</option>
								<option>Dự án chưa hoàn thành</option>
							</select>
							<select name="KhoangGia" class="form-control">
								<option>Chọn khoảng giá</option>
								<option>500 triệu - 1 tỷ</option>
								<option>1 tỷ - 2 tỷ</option>
								<option>2 tỷ - 5 tỷ</option>							
							</select>
							<select name="LoaiBDS" class="form-control">
								<option>Chọn loại BĐS</option>
								<option>Bất động sản bán</option>
								<option>Bất động sản cho thuê</option>							
							</select>
							<select name="DienTich" class="form-control">
								<option>Chọn diện tích</option>
								<option>0 - 100 m2</option>
								<option>100 - 200 m2</option>
								<option>200 - 500 m2</option>
							</select>						
						</article>
						<article class="input-box">
							<button type="submit" class="btn btn-primary">Tìm</button>
						</article>
					</form>
				</section>				
			</article>
			<article class="block-box hidden-xs">
				<section class="block-title">
					<span>Chức năng chính</span>
				</section>
				<section class="block-content">
					<ul class="function">
						<li><a href="#"><img src="../../Contents/image/icon/btn_muathuebds.png"></a></li>
						<li><a href="#"><img src="../../Contents/image/icon/btn_thamdinhgia.png"></a></li>
						<li><a href="#"><img src="../../Contents/image/icon/btn_dangtinvip.png"></a></li>
					</ul>
				</section>
			</article>
			<article class="block-box hidden-xs">
				<section class="block-title">
					<span>Liên hệ</span>
				</section>
				<section class="block-content">
					<div class="contact-box">
						<div class="image">
							<img src="../../Contents/image/icon/contact.png">
						</div>
						<div class="info">
							<span>Tư vấn bán - Mrs.Chi</span>
							<span>0918 911 119</span>
						</div>
					</div>
					<div class="contact-box">
						<div class="image">
							<img src="../../Contents/image/icon/contact.png">
						</div>
						<div class="info">
							<span>Tư vấn cho thuê - Mrs.Chi</span>
							<span>0918 911 119</span>
						</div>
					</div>
				</section>
			</article>
		</aside>
	</div>
	</section>
	<!-- #end main frame -->
	<!-- #start footer -->
	<footer>		
		<!-- #start bottom-footer -->
		<section class="bottom-footer container">
			<p>
				Công ty TNHH Tư Vấn BĐS Thịnh An
				<br />
				Tầng 1, Tòa nhà Rosana, số 60 Nguyễn Đình Chiểu, Phường Đa Kao, Quận 1, Tp. HCM
				<br />
				ĐT: (84-8) 2221 1906 - Fax: (84-8) 222 02201				
			</p>
			<p class="email">
				<a href="mailto:info@muanhaonline.vn">
					Email: info@muanhaonline.vn
				</a>
			</p>
		</section>
		<!-- #end bottom-fotter -->
	</footer>
	<!-- #end footer -->
</body>
</html>